<template>
  <div class="song-home">
    <van-nav-bar
      title=""
      left-text="歌单广场"
      left-arrow
       @click="selectItem(item)"
    />
    <van-tabs v-model="active">
      <van-tab title="推荐">
        <SongRecommend :singeid="id" />
      </van-tab>
      <van-tab title="精品">
        <SongOfficial :singeid="id" />
      </van-tab>
    </van-tabs>
  </div>
</template>
<script>
import SongRecommend from "./components/SongRecommend.vue";
import SongOfficial from "./components/SongOfficial.vue";
export default {
  data() {
    return {
      active: 0,
      id: this.$route.params.id,
    };
  },
  methods: {
    onClickLeft() {
      window.history.length > 1 ? this.$router.go(-1) : this.$router.push("/");
    },
  },
  components: {
    SongRecommend,
    SongOfficial,
  },
};
</script>
<style scoped>
</style>